﻿@{
    Layout = null;
}
@model UniversalShopAdmin.Models.LogOnModel
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Log On</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body style="background-color: lightblue; vertical-align: central;">
    <div class="page" style="width: 350px; margin-top: 15%">
        <header>
       
        </header>
        <section id="main" style="background-color: ghostwhite; border-radius: 20px 20px 20px 20px;">
           


<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

            @using (Html.BeginForm())
            {
                <div >
                    <img style ="width: 300px; opacity: 0.8; z-index: -1;" src="../../Content/coollogo_com-295188655.png" alt="logo"/>

            <div class="editor-label" style="float: left; width: 80px; ">
                @Html.LabelFor(m => m.UserName)
            </div>
                    <div class="editor-field" style="float: left;">
                        @Html.TextBoxFor(m => m.UserName)<br/>
                        @Html.ValidationMessageFor(m => m.UserName)
                    </div>

            <div class="editor-label" style="clear: left;float: left;  width: 80px;">
              @Html.LabelFor(m => m.Password)
            </div>
                    <div class="editor-field" style="float: left;">
                          
                        @Html.PasswordFor(m => m.Password)<br/>
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                    <div class="editor-label" style="clear: left;float: left;  width: 80px;"></div> 
                    <div class="editor-field" style="float: left;">
                        @Html.CheckBoxFor(m => m.RememberMe)
                        
                        @Html.LabelFor(m => m.RememberMe)
                    </div>
           <div style="clear: left; margin-left: 28%; padding-top: 10px;"><input type="submit" value="Log On" /></div>
    </div>
            }
        </section>
    </div>
</body>
</html>
